// 导入重置样式
require("../../assets/css/reset.css");
// 引入公共样式
require("../../assets/css/basic.css");
// 引入矢量图
require("../../assets/fonts1/iconfont.css");
// 引入当前页面的样式
require("./exercising_course_datail.less");

// 引入dom
const dom = require("../../utils/dom.js");
// 引入axios模块
const axios = require("../../utils/axios.js");

window.addEventListener("DOMContentLoaded", function(){
    //  1.点击 < 按钮返回上一级页面
    dom.get(".lt").addEventListener("click", function(){
        history.back();
    })

    // 2.发送请求获取课程详情
    //获取参数id使用split用=分割字符串然后使用pop获取最后一个数组并返回
    let id = this.location.search.split("=").pop();
    axios.get("/api/train/courseDetail?id="+id).then(res => {
        let imgurl = res.data.data.imgurl;
        // 渲染视频预览
        dom.get(".video-box").src = axios.defaults.baseURL + imgurl;

        // 需要将fragments储存起来，因为需要再下一个页面使用里面的数据
        // console.log(res.data.data.fragments)
        // 所以需要用到JSON  由于数据是一个数组，所有储存时需要转换为字符串
        let fragments = JSON.stringify(res.data.data.fragments);
        // console.log(fragments)
        // 使用localstorage储存到本地存储
        this.localStorage.setItem("fragments", fragments);
    })
    
})